<script setup>

</script>

<template>
    <el-timeline style="max-width: 600px">
        <el-timeline-item timestamp="9999/3/28" placement="top">
            <el-card>
                <h4>版本 999.0 功能: 拿下地球</h4>
                <p>1.你得先这样 2. 然后再这样 3. 最后再这样 4. 听懂掌声</p>
            </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2024/4/5" placement="top">
            <el-card>
                <h4>版本 0.2 功能: 定时清理脏数据</h4>
                <p>1.每晚1点清理脏数据</p>
            </el-card>
        </el-timeline-item>v
        <el-timeline-item timestamp="2024/3/28" placement="top">
            <el-card>
                <h4>版本 0.1 功能: 留言版</h4>
                <p>1.提交留言 2. 获取留言列表</p>
            </el-card>
        </el-timeline-item>
    </el-timeline>


    <div class="container">
        技术栈:
        <ol>
            <li>语言:
                <ol>
                    <li>java</li>
                    <li>javascript</li>
                </ol>
            </li>
            <li>后端开发依赖:
                <ol>
                    <li>spring boot web</li>
                    <li>spring data jpa</li>
                    <li><del>thymeleaf</del>(没有实时更新页面调试较难，idea社区版对js的支持不到位所以用vue了)</li>
                    <li><del>bootstrap</del></li>
                    <li>caffeine</li>
                    <li>lombok</li>
                    <li>mapstruct</li>
					<li>geolite2</li>
                </ol>
            </li>
            <li>前端开发依赖:
                <ol>
                    <li>vue</li>
                    <li>vue-router</li>
                    <li><del>bootstrap</del><del>(element-plus)</del><del>(ant-design-vue)</del>(element-plus)(当场拿下换成Element Plus, 无他，因为免费，且切换成本极低，且bootstrap的分页使用没有element
                        来得爽（你看这些这么高大上的组件都免费，我们这种小卡拉米，怎么挣得到钱啊)(我再次后悔，我错了element-plus, ant-design-vue的那个评论组件骗了我，我以为很猛，但是没符合我的需求，俺们还是自己设计吧)</li>
                    <li><del>axios</del>(fetch)(本来用fetch的，fetch的get方法，请求参数没有自动拼接功能，当场，我就换人，就跟公司看我不爽换了我一样)(我再次后悔，我错了fetch, axios用不着，我的请求以后都是POST方法了，咱也不弄什么Restful了太痛苦了)</li>
                </ol>
            </li>
            <li>中间件:
                <ol>
                    <li>关系型数据库: mysql</li>
                </ol>
            </li>
        </ol>
    </div>

</template>

<style scoped></style>
